<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta name="author" content="中文Lee 360811363@qq.com">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../css/public.css" media="all">
    <!--
    * [LupMisNotAllowedSync]
    * 本代码为系统自动生成代码，请根据自己业务进行修改;
    * 生成时间 2022-02-15 18:29:17;
    * 版权所有 2020-2022 lizhongwen，并保留所有权利;
    * 说明: 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用；不允许对程序代码以任何形式任何目的的再发布;
    * 作者: 中文Lee;
    * 作者主页: http://www.lizhongwen.com;
    * 邮箱: 360811363@qq.com;
    * QQ: 360811363;
    -->
</head>

<body>
    <div class="layuimini-container">
        <div class="layuimini-main">


            <div class="layui-col-lg12  layui-form-text">
                <div class="layui-form-item">
                    <div class="">
                        <textarea id="json_content" style="min-height:400px; height: 85vh;" placeholder='请输入JSON数据' autocomplete="off" class="layui-textarea"></textarea>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="">
                    <button class="layui-btn" onclick="formatJson()">立即校验</button>
                </div>
            </div>
        </div>
    </div>

    <script src="../../../js/run.js"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script type="text/javascript">
        $init(function() {

        });

        function formatJson() {
            var json = $("#json_content").val();
            var tag = 1;

            try {
                if (typeof JSON.parse(json) == "object") {
                    if (tag == 1) {
                        layer.msg('校验通过', {
                            shade: [0.1, '#393D49'],
                            time: 2000,
                            icon: 6
                        });
                    }
                    $("#json_content").val(JSON.stringify(JSON.parse(json), null, 4));
                    return true;
                }
            } catch (e) {}
            if (tag == 1) {
                layer.msg('JSON格式不正确', {
                    shade: [0.1, '#393D49'],
                    time: 2000,
                    icon: 5
                });
            }
            return false;
        }
    </script>
</body>

</html>